	.day{
		display: flex;
		justify-content: space-between;
		padding: 20rpx 28rpx 20rpx 22rpx;
		width: 100%;
		position: fixed;
		z-index: 2;
		background-color: #ffffff;
		view{
			display: flex;
			.wenzi{
				margin-left: 20rpx;
				flex-direction: column;
				justify-content: center;
				text{
					font-size: 16px;
				}
			}
			}
			.img{
			width: 35px;
			height: 35px;
			border-radius: 50%;
			margin-left: 30rpx;
			}
			.img1{
				width: 20px;
				height: 20px;
				margin-right: 30px;
				margin-top: 10rpx;
			}
			.img2{
				width: 20px;
				height: 20px;
				margin-top: 10rpx;
			}
			.icon-box{
				// display: flex;
				margin-left: 130px;
				margin-top: 10rpx;
				.icon-single{
					image{
						width: 50px;
					}
				}
			}
	}
		.swiper-box{
			height: 550px;
			.swiper-itme{
				image{
					width: 100%;
					height: 550px;
				}
			}
		}
.wenan{
	margin-top: 20rpx;
	margin-left: 20rpx;
	text{
		font-size: 18px;
	}
	.shijian{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin-top: 20px;
		p{
			font-size: 2px;
		}
		view{
			border: #000000 1px solid;
			width: 70px;
			height: 20px;
			border-radius:30px;
			display: flex;
			justify-content: center;
			margin-right: 20rpx;
			image{
				width: 15px;
				height: 15px;
				margin-top: 5rpx;
			}
			text{
				font-size: 12px;
				margin-left: 7rpx;
			}
		}
	}
}
hr{
	margin-top: 20px;
}
.box-comments{
	width: 100%;
	/* 垂直布局 */
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
	
}
.comments{
	margin: 20rpx;
	display: flex;
}
.comments>div{
	margin: 0rpx 10rpx;
}
.comments>div:nth-child(2)>p{
	color: #848484;
}

.comments01{
	height: 500rpx;
	overflow-y: scroll;
}
.comments1{
	padding: 0 10rpx;
	display: flex;
	justify-content: space-between;
	/* border: 2rpx solid #007AFF; */
}
.comments1>div:nth-child(2),.comments1>div:nth-child(3){
    border-top: #cccccc 1rpx solid; 
	padding: 15rpx 0;
}
.comments1>div:nth-child(1){
	width: 8%;
	padding: 15rpx 0;
	/* border: 1rpx solid #4CD964; */
}
.comments1>div:nth-child(2){
	width: 80%;
	/* text-align: center; */
	/* border: 1rpx solid #4CD964; */
	padding: 10rpx 0;
	// align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.comments1>div:nth-child(3){
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 15%;
	/* border: 1rpx solid #4CD964; */
}
.comments1>div:nth-child(1)>image{
	width: 35px;
	height: 35px;
	/* border: #2C6E7E 2rpx solid; */
	border-radius: 50%;
	margin-top: 20rpx;
}
.comments1>div:nth-child(2)>p{
	float: left;
	// margin: 0rpx 0rpx 0rpx 20rpx ;
	margin-left: 35rpx;
}
.comments1>div:nth-child(2)>p:nth-child(1){
	font-size: 22rpx;
	// font-weight: 550;
	width: 60px;
	color: #b3b3b3;
}
.comments1>div:nth-child(2)>p:nth-child(2){
	font-size: 30rpx;
	color: #4f4f4f;
}
.comments1>div:nth-child(2)>p:nth-child(3){
	color: #8a8a8a;
	font-size: 14rpx;
}
.comments1>div:nth-child(3)>image{
	width: 25px;
	height: 25px;
	// margin: 0rpx 10rpx;
	// margin-right: 20rpx;
}
.comments1>div:nth-child(3)>p{
	font-size: 23rpx;
	color: #6f6f6f;
	// margin-right: 20rpx;
}
#middle{
	/* background-color: #4CD964; */
	width: 100%;
	// height: 1550rpx;
	border-bottom: 1rpx solid #CCCCCC;
}
.comment{
	display: flex;
	// margin-top: 300px;
	position: fixed;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	border-top: #d1d1d1 1px solid;
	.yaya{
		display: flex;
		align-items: center;
		// margin-top: 20rpx;
		input {
			// border: #000000 1px solid;
			padding-left: 30rpx;
			border-radius:30px;
			width: 110px;
			height: 30px;
			margin-left: 20rpx;
			background-color: #e7e7e7;
		}
		image{
			width: 25px;
			height: 25px;
		}
	}
   .icon{
	display: flex;
	margin-top: 20rpx;
	.icon-single{
		display: flex;
			margin-left: 30rpx;
		image{
			width: 25px;
			height: 25px;
			// margin-top: 20rpx;
		}
		text{
			// padding: 0 30rpx;
			// color: #8a8a8a;
			font-size: 15rpx;
			margin-left: 10rpx;
			margin-top: 5rpx;
			}
	     }
	}
}